<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!-- import CSS -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.15.9/theme-chalk/index.css">
    <style>
        body {
            width: 1500px;
            margin: 0 auto;
        }

        a {
            float: right;
            margin-top: 58px;
            font-size: 12px;
            text-decoration: none;
            margin-right: 4px;
            color: #666666
        }
        #d1 {

            float: right;
            margin-right: 10px;
            padding-right: 240px;


        }

        #d2 {

            float: right;      margin-right: 10px;

        }

        #d3 {

            float: right;      margin-right: 10px;
        }
    </style>

</head>
<body>
<div id="app">
    <el-container>
        <el-header height="120px" style="margin: 0 auto">
            <div>
                <img src="imgs/longlongyiyuan.png"
                     style=" width:358px;height: 100px; position: absolute;left: 150px">
                <span style=" position: absolute;right: 269px">
                <a href="">服务热线:029-96999</a>
                <a href="">JCl认证 /</a>
                <a href="">资质查询 /</a>
                <a href="">人力资源 /</a>
                    </span>
            </div>

        </el-header>
        <el-main style="margin: 0 auto ;margin-top: -50px">
            <div>
                <span style="float: left;margin-left:60px;  ">
                    <a style="font-size: 16px;color: #333333;margin-right: 30px" href="">健康医院</a>
                      <a style="font-size: 16px;color: #333333;margin-right: 30px" href="">医院文化</a>
                        <a style="font-size: 16px;color: #333333;margin-right: 30px" href="">政策法规</a>
                            <a style="font-size: 16px;color: #333333;margin-right: 30px" href="">院务公开</a>
                       <a style="font-size: 16px;color: #333333;margin-right: 30px" href="">护理园地</a>
                      <a style="font-size: 16px;color: #333333;margin-right: 30px" href="">医疗规格</a>
                       <a style="font-size: 16px;color: #333333;margin-right: 30px" href="">专家风采</a>
                    <a style="font-size: 16px;color: #333333;margin-right: 30px" href="">医教研</a>
                     <a style="font-size: 16px;color: #333333;margin-right: 30px" href="">专科介绍</a>
                    <a style="font-size: 16px;color: #333333;margin-right: 30px" href="">就医指南</a>
                      <a style="font-size: 16px;color: #333333;margin-right: 30px" href="">新闻中心</a>
                       <a style="font-size: 16px;color: #333333;margin-right: 30px" href="">医院概况</a>
                       <a style="font-size: 16px;color: #333333;margin-right: 30px;margin-left: 80px"
                          href="">网站首页</a>
               </span>
            </div>
            <div>
                <img src="imgs/zuozhenbiaotou.jpg" style="width: 1500px;height: 270px;margin-top: 20px" alt="">
            </div>
            <div style="margin-top: -30px">
                <span style="float: left; margin-left: 130px">
                 <!--   <el-button type="primary"  icon="el-icon-house"></el-button>-->
                    <a style="font-size: 14px" href="">专家坐诊表></a>
                     <a style="font-size: 14px" href="">常用菜单></a>
                       <a style="font-size: 14px" href="">首页></a>
                </span>
            </div>
            <div style="margin-top: 120px">
                <img src="imgs/zuozhenbiao.jpg" style="margin-left: 250px;width: 1000px" alt="">
            </div>
        </el-main>
        <el-footer style=" width:1500px;height: 200px;margin: 0 auto;margin-top: 30px; background-color: #ff82ae;font-size: 14px">
            <div style="text-align: center;margin-top: 30px;">
            <div  id="d1">
                <img src="imgs/erweima1.jpg" style="width: 100px;height: 100px;"
                     alt=""> <br>
                <p style="margin-top: 10px">京海龙龙美容整形</p>
                <p style="margin-top: -10px">医院微官网</p>
            </div>
                <div id="d2" >
                    <img src="imgs/erweima1.jpg" style="width: 100px;height: 100px">
                    <p style="margin-top: 10px">京海龙龙美容整形</p>
                    <p style="margin-top: -10px">医院订阅号</p>
                </div>
                <div id="d3" >
                    <img src="imgs/erweima1.jpg" style="width: 100px;height: 100px">
                    <p style="margin-top: 10px">京海龙龙美容整形</p>
                    <p style="margin-top: -10px">医院服务号</p>
                </div>
            </div>

            <div style="color: white;font-size: 14px;padding-top: 20px;margin-left: 130px">

                <div style="margin-top: 8px">备案号: 京海ICP备1888888号-1</div>
                <div style="margin-top: 8px">Copyright © 京海龙龙美容整形医院 版权所有</div>
                <div style="margin-top: 8px">京海网安备 8888888</div>
                <div style="margin-top: 20px"> 当前访问量:
                    <el-button type="primary" size="mini" round>9999999次</el-button>
                    人次
                </div>

            </div>

        </el-footer>
    </el-container>
</div>
</body>
<!-- import Vue before Element -->
<script src="https://cdn.staticfile.org/vue/2.6.14/vue.min.js"></script>
<!-- import JavaScript -->
<script src="https://cdn.staticfile.org/element-ui/2.15.9/index.min.js"></script>
<script>
    let v = new Vue({
        el: '#app',
        data: function () {
            return {}
        },
        methods: {}
    })
</script>
</html>